<template>
  <t-space direction="vertical" class="vertical-demo" :size="12">
    <t-typography-text theme="primary">TDesign (primary)</t-typography-text>
    <t-typography-text theme="secondary">TDesign (secondary)</t-typography-text>
    <t-typography-text disabled>TDesign (disabled)</t-typography-text>
    <t-typography-text theme="success">TDesign (success)</t-typography-text>
    <t-typography-text theme="warning">TDesign (warning)</t-typography-text>
    <t-typography-text theme="error">TDesign (error)</t-typography-text>
    <t-typography-text mark>TDesign (mark)</t-typography-text>
    <t-typography-text code>TDesign (code)</t-typography-text>
    <t-typography-text keyboard>TDesign (keyboard)</t-typography-text>
    <t-typography-text underline>TDesign (underline)</t-typography-text>
    <t-typography-text delete>TDesign (delete)</t-typography-text>
    <t-typography-text strong>TDesign (strong)</t-typography-text>
    <t-typography-text italic>TDesign (italic)</t-typography-text>
  </t-space>
</template>

<script setup lang="ts"></script>

<style scoped></style>
